<template>
  <div class="data-down">
    <div class="left">
      <div class="title"></div>
      <div class="main"></div>
    </div>
    <RightPart />
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import RightPart from './rightPart/index.vue';

defineComponent({ name: 'DataDown' });
</script>

<style scoped lang="scss">
.data-down {
  @apply w-full h-[330px] mt-[20px] grid grid-cols-2 gap-[72px];

  .left {
    @apply w-full h-full;

    .title {
      @apply w-full h-[57px];
      background: url('./assets/title.png') no-repeat center;
    }

    .main {
      @apply w-full h-[240px] mt-[13px];
      background: url('./assets/data-bg.png') no-repeat center;
    }
  }
}
</style>
